<template>
  <a-layout>
    <a-layout-sider width="300px" theme="light">
      <Aside></Aside>
      <!-- 侧边栏-->
    </a-layout-sider>
    <a-layout>
      <a-layout-header :style="headerStyle">
        <Header></Header>
        <!-- 顶部栏-->
      </a-layout-header>
      <a-layout-content>
        <router-view></router-view>
      </a-layout-content>
      <a-layout-footer>Footer</a-layout-footer>
    </a-layout>

  </a-layout>

  <!-- 底部栏 播放器 -->
</template>

<script setup>
import { RouterView } from 'vue-router'

const headerStyle = {
  textAlign: 'center',
  color: '#fff',
  height: 64,
  paddingInline: 50,
  lineHeight: '64px',
  backgroundColor: '#fff',
};


</script>
